<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>call方法</title>
</head>

<body>
  <script>
    // --------------1、call()可以调用函数------------------
    // function fn() {
    //   console.log(this);
    // }
    // fn.call();  //Window

    // --------------2、call()可以改变函数this指向------------------
    // function fn() {
    //   console.log(this);
    // }
    // var test = {
    //   name: '张三'
    // }
    // fn.call(test)  //{name: "张三"}
    // call() 可以改变这个函数的this指向，此时这个函数的this就指向test这个对象

    // --------------3、call()传递其他参数------------------
    function fn(x, y) {
      console.log(this);
      console.log(x + y);
    }
    var test = {
      name: '张三'
    }
    fn.call(test, 2, 3) // {name: "张三"}  5
  </script>
</body>

</html>